<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" href="index.css?v=20190331-7">
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-87624244-11', { cookieDomain: 'none' });
  </script>
  <script src="index.js?v=20190331-7"></script>
</head>
<body class="offline">
  <a id="navClose" class="icon" href="#">
    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
        <path fill="#000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" />
    </svg>
  </a>
  <a id="navScreenshot" class="icon hidden" target="_blank" href="#">
    <svg style="width:20px;height:20px" viewBox="0 0 24 24">
        <path fill="#fff" d="M21,11L14,4V8C7,9 4,14 3,19C5.5,15.5 9,13.9 14,13.9V18L21,11Z" />
    </svg>
    分享成績
  </a>
  <a id="difficultyButton" class="icon hidden" href="#">
    重新選擇難度
  </a>
  <div id="toggleShowName" class="hidden"></div>
  <a id="navGithub" class="icon" target="_blank" href="#">
    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
        <path fill="#888" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" />
    </svg>
  </a>
  <div id="difficulty">
      <h1>選擇難度</h1>
      <div class="mode">
        <button id="easyMode">
          簡單
        </button>
        <button id="hardMode">
          困難
        </button>
      </div>
    </div>
  <div class="interstitial-wrapper">
    <div id="offline-resources">
      <img id="background" crossOrigin="anonymous" src="./assets/background.png?v=20190331-1">
      <img id="suitcases" crossOrigin="anonymous" src="./assets/suitcases.png?v=20190331-1">
      <img id="signals" crossOrigin="anonymous" src="./assets/signals.png?v=20190331-1">
      <img id="scene" crossOrigin="anonymous" src="./assets/scene.png?v=20190331-1">
      <img id="dogrun" crossOrigin="anonymous" src="./assets/dogrun.png?v=20190331-1">
      <img id="obstacle" crossOrigin="anonymous" src="./assets/obstacle.png?v=20190331-1">
      <img id="gipson" crossOrigin="anonymous" src="./assets/gipson.png?v=20190331-1">
      <img id="scores" crossOrigin="anonymous" src="./assets/scores.png?v=20190331-1">
      <img id="smilecoin" crossOrigin="anonymous" src="./assets/smilecoin.png?v=20190331-1">
      <img id="thunder" crossOrigin="anonymous" src="./assets/thunder-trans.png?v=20190331-1">
    </div>
  </div>
</body>
</html>
